html {
height: 101%;
}

body {
color : #898989;
background-color: #9ed3f1;
background-image:url(../images/fond.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center center;
font-family: Verdana, Arial, sans-serif;
font-size : 12px;
padding : 0;
margin : 0;
}

img {
border : none;
}

a {
	color : #5a5858;
	outline: none;
	text-decoration : none;
}

a:hover {
	text-decoration : underline ;
}

a:focus {
	outline: none;
}

.clr {
	clear : both;
}

li {
	list-style : none;
}

p {
	margin : 10px 10px 10px 10px;
}

* {
	margin : 0;
	padding : 0;
}

th {
	text-align:left;
}

h1, h2, h3, h4, h5 {
	font-size : 14px;
	font-weight : normal;
	color : #5a5858;
}

#wrapper {
	width: 1008px;
	margin: 0 auto;
	z-index:1;
	position:relative;
}

div.ombre_cote {
	background: url(../images/ombre_cote.png) top center repeat-y;
	width: 1028px;
	margin: 0;
	padding: 0;
	height:100%;
}


.pathway {
	color : #da9d0c;
}

#logo {
	height: 130px;
	width: 1008px;
	float: left;
	background: url(../images/logo.png) top left no-repeat;
}

#logo a {
	width: 450px;
	height: 90px;
	display: block;
}

#imgautel {
	width: 1008px;
	height: 223px;
	/*float: left;*/
	position:relative;
	background: url(../images/img_autel.jpg) top left no-repeat;
}


#news {
	height: 100px;
	width: 500px;
	float: left;
}
#topmenu {
	height: 39px;
	color : white;
	background: url(../images/topmenu_fond.png) top center repeat-x;
}

#topmenu a {
	color : white;
}


#conteneur {
	padding : 10px;
	padding-bottom : 0px;
	/***min-height:1200px;***/
}

#centre {
	/*display:table;*/
	position:relative;
	padding-left:19px;
	padding-right:23px;
}
#centre-row {
	/*display:table-row;*/
	min-height: 850px;
}


#footer {
	height: 150px;
	color : white;
	background: url(../images/footer_fond.png) top center repeat-x;
}
#footer div{
	padding-top : 20px;
	padding-left : 20px;
	padding-right : 20px;
	height:130px;
	float:left;
}

#footer li a {
	color: #fff;
}

#footer li a:hover {
	text-decoration : underline;
}

div#articlesrecents{
	left:0;
	width: 316px;
}

div#articlespopulaires{
	left:315px;
	border-left:1px solid #fff; 
	border-right:1px solid #fff;	
	width: 312px;
}


div#annonces{
	left:628px;
	border-right:1px solid #fff;	
	width: 256px;
}

.interne {
	/*display:table-cell;*/
	padding: 10px;
	left:0px;
	width : 750px;
}

#droite {
	/*display:table-cell;*/
	position:absolute;
	top:38px;
	right:20px;
	width:188px;
}

#login-form fieldset{
	border: none;
}

#login-form li{
	line-height: 20px;
}

input.button {
	background: #333;
	color: #fff;
	border: none;
	padding: 7px;
	cursor: pointer;
}

.items-leading,.item,.item-page,#infobox,#calendarbox,.cat-children {
	box-shadow: 1px 1px 5px #555;
	-moz-box-shadow: 1px 1px 5px #555;
	 -webkit-box-shadow: 1px 1px 5px #555;
	 behavior: url(/templates/saintbruno/js/PIE.php)
}


.items-leading,.item,.item-page,.cat-children{
	margin-bottom:20px;
	padding-top : 17px;
	padding-bottom : 17px;
	padding-left : 20px;
	padding-right : 20px;
	width:673px;
	overflow:hidden;
	margin: 1em 0 1em 2em;
	line-height: 17px;
}

/*.items-leading,.item,.item-page ul {
	margin: 1em 0 1em 2em;
}
*/
.interne ul>li {
	background-image: url("../images/postbullets.png");
	background-repeat: no-repeat;
	padding-left: 14px;
	margin-top:1em;
}

h2 {
	font-size:20px;
	font-weight:bold;
	margin:10px;
	margin:10px;
	/***border-bottom:2px solid #b8b8b8;***/
}

h3 {
	font-size:20px;
	margin:10px;
	/***border-bottom:2px solid #b8b8b8;***/
}

h4 {
	margin:10px;
	/***border-bottom:2px solid #b8b8b8;***/
}

.article-info-term {
	display:none;
}

/*** topmenu ***/
#topmenu li {
	padding: 0 10px;
	float: left;
	margin: 0 2px;
	width: auto;
	font-size: 14px;
	font-weight: bold;
	border-right:1px solid #fff;	
}

#topmenu li a {
	color: #fff;
	padding: 0;
	margin: 0;
	line-height: 39px;
}

#topmenu li a:hover, #topmenu li.current {
	color: #fff;
	text-decoration : underline;
}


 #MenuDeroulant li 
{
    float:left;
    list-style : none;
}

 #MenuDeroulant li ul
{
    margin-left: -15px;
    padding: 0;
    position: absolute;
    display:none;
    border-left: 1px solid white; 
    z-index:1;
}

#MenuDeroulant li ul li
{    
	margin: 0;
	padding: 10;
	background: url(../images/topmenu_fond.png) top center repeat-x;
	float: none;
	display: block;
}

#MenuDeroulant li ul li a
{    
	width: auto;   
	font-size: 12px;
	font-weight: normal;
}

.title_sep {
	height : 2px;
	background: url(../images/title_sep.png) top center repeat-x;
	margin-bottom : 7px;
}

.article-info {
	margin-bottom : 10px;
}

div#infobox {
	margin-bottom:20px;
	padding : 12px;	
}

div#calendarbox {
	margin-bottom:20px;
	padding : 12px;	
}

div#informations,div#horaires{
	padding-bottom:10px;
}



